<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="text" value="100" id="input1">
		<button onclick="test1()">开启超时</button>
		<button onclick="test2()">关闭超时</button>
		
		<script type="text/javascript">
			
			var t;
			
			function test1()
			{
				// setTimeout(要延后执行的代码，间隔时间)
				t=setTimeout(changeBgColor,input1.value);
			}
			function test2()
			{
				clearTimeout(t);
			}
			
			function changeBgColor()
			{
				var r = Math.floor(Math.random()*256);
				var g = Math.floor(Math.random()*256);
				var b = Math.floor(Math.random()*256);
				document.body.style.background = "rgb("+r+","+g+","+b+")"
				
				// 再次设定超时
				t=setTimeout(changeBgColor,input1.value);
			}
			
			// 练习3:
			// 编写一个数字时钟，显示当前时间，定时刷新。 使用定时器  日期时间类型
			// 10：44：33
			
			// * 练习4：
			// 编写一个秒表
			
		</script>
		
	</body>
</html>